<template>
  <view class="msg-area">
    <Record v-if="type == 'record'" @change="changeType" />
    <VideoComs v-if="type == 'video'" @change="changeType" />
  </view>
</template>

<script>
import Record from './record'
import VideoComs from './video'
export default {
  components: {
    Record,
    VideoComs
  },
  data() {
    return {
      type: 'record'
    }
  },
  onLoad() {},
  methods: {
    changeType(type) {
      this.type = type
    }
  }
}
</script>

<style lang="less" scoped>
page {
  background-color: #fff;
}
</style>
